<%--
    Document   : agregarExtintor
    Created on : 14/11/2010, 11:36:35 PM
    Author     : Patricia
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">


<% request.setAttribute("allowed", "Gestionar Investigaciones");%>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Investigaciones</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Agregar Investigación</h2><br>
        <html:form action="/agregarInvestigacion" styleId="agregarInvestigacionForm" onsubmit="return agregarInvestigacion();">
            <table>
                <tr>
                    <td><font color="red">*&nbsp;</font>Novedad Generica:</td>
                    <td>
                        <select id="novedadGenerica" name="" onchange="listarNovedadesEspecificas(value)">
                        </select>
                    </td>
                </tr>
                <tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Novedad Específica:</td>
                    <td>
                        <select id="novedadEspecifica" name="id_novedad_esp">
                            <option value="">-</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Fecha de Investigación:</td>
                    <td><html:text property="fecha_investigacion" styleId ="fechaI" />
                        <html:errors property = "inv_fecha"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Motivo:</td>
                    <td><html:textarea property="motivo"/>
                        <html:errors property = "inv_motivo_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Descripción:</td>
                    <td><html:textarea property="descripcion"/>
                        <html:errors property = "inv_descripcion_requerida"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Sede:</td>
                    <td>
                        <select id="Sedes" name="sede" onchange="listEspacios(value)">
                            <option value="" selected></option>
                        </select>
                        <html:errors property = "inv_sede_requerida"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Espacio:</td>
                    <td>
                        <select id="Espacios" name="espacio">
                            <option value="" selected></option>
                        </select>
                        <html:errors property = "inv_espacio_requerida"/>
                    </td>
                </tr>
            </table>
            <br>
            <font color="red"><p>Los campos con * son obligatorios.</p></font>
            <br>
            <html:submit value="  Agregar Investigación  "/>
            <html:button property="" styleId="investigaciones" value="  Atrás  "/>
        </html:form>

    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $(function() {
        listarNovedadesGenericas();
        listaSedes();
        $("#fechaI").datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
    });

    $('.back').click(investigaciones);
    
    function listarNovedadesGenericas(){
        $.getJSON("listaNovedadesGenericas.do",
        function(data) {
            $('#novedadGenerica').html("<option value=''>-</option>");
            $.each(data.namesNG, function(i,item){
                string = "<option value='"+item.idNovedad+"'>"+item.novedad+"</option>";
                $('#novedadGenerica').append(string)
            });
        });
    }

    function listarNovedadesEspecificas(novedadGenerica){
        $.ajax({
            type: 'GET',
            url:"listaNovedadesEspecificas.do",
            data: {nombre: novedadGenerica},
            dataType: 'json',
            success: function(data){
                $('#novedadEspecifica').html("<option value='' selected>-</option>");
                $.each(data.namesNE, function(i,item){
                    string = "<option value='"+item.idNovedadEsp+"' >"+item.novedadEsp+"</option>";
                    $('#novedadEspecifica').append(string)
                });
            }
        });
    }
</script>